<div title="{$data['Tree_View']['title']}" data-options="iconCls:'{$data[\'Tree_View\'][\'icon\']??\'icon-reload\'}'"
     style="overflow:auto;padding:10px;">
    <ul id="{$Think.CONTROLLER_NAME}_{$Think.ACTION_NAME}_Tree_View"></ul>
</div>
<script language="javascript">
    $(document).ready(function () {
        console.log('-- common/view/widget/pc/easyui/tree.html');

        var index = new Page({
            Module: '{$Think.MODULE_NAME}',
            Controller: '{$Think.CONTROLLER_NAME}',
            Action: '{$Think.ACTION_NAME}',
        });

        index.tree().tree_init({
            data: index.tree().tree_data_create({
                id: 'dept_id',
                text: 'dept_name',
                data: index.data.Tree_View,
                parent_id: 'parent_dept_id',
                children_id: 'dept_id',
                name: 'children',
                pid: ''
            }),
            choose_first: true,
            call_chg: true,
        });

        // tree 公共组件在 def_function 中实现的自定义方法
        // page_tree_para_chg
    });
</script>

